<script>
  $(document).ready(function () {
    loadAreas('category');
  });
</script>

<a  href="javascript:openModal('#manage-categories',500,700)" class="button">
	Búsqueda por Categoría
</a>

<div id="manage-categories">
	<form id="add-category">
		<input type="hidden" name="type" value="category" />
    	<input type="hidden" name="rid" value="<?php echo ARID;?>" />
		
		<div class="headerBusquedaPor">
			Agregar nueva Categoría:	
			<input name="name" type="text" />
			<input type="submit" onclick="addNewArea('add-category', 'category');this.form.reset(); alert('error'); return false;" value="Agregar">
		</div>
		
		<div style="height:200px; padding:10px; margin:10px; border:1px solid #CCC; margin-top:15px; overflow-y:scroll" id="category"></div>   
  </form>

</div>
